ul,
ol,
li {
  list-style: none;
  margin    : 0;
  padding   : 0;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

.bg-color {
  background: #222D32;
}
body{
  transition: padding 0.8s;
}
.mt-150 {
  margin-top: 150px;
}
.text-right{
  text-align: right;
}
th{
  text-align: center;
}

.table > tbody > tr > td{
  vertical-align: middle;//居中
}
.lt-aside.lt-out{
  left: -180px;
}
// 侧边栏
.lt-aside {
  top     : 0;
  left    : 0;
  width   : 180px;
  height  : 100%;
  position: fixed;
  z-index : 2;
  // 过渡
  transition: left 0.8s;
}

.brand {
  width           : 180px;
  height          : 50px;
  text-align      : center;
  line-height     : 50px;
  background-color: #367FA9;

  a {
    color    : #fff;
    font-size: 24px;
  }
}

.pl-180 {
  padding-left: 180px;
}

.nav-hide {
  display: none;
}

.lt-info {
  text-align: center;
  margin-top: 30px;
}

img {
  width        : 80px;
  border-radius: 50%;
}

p {
  text-align : center;
  font-size  : 18px;
  color      : #fff;
  height     : 40px;
  line-height: 40px;
}
.red{
  color: #A94432;
}

// 侧边导航栏
.aside-nav {
  margin-top: 40px;

  li {
    a {
      display     : block;
      height      : 40px;
      line-height : 40px;
      color       : #fff;
      padding-left: 44px;
      border-left : 3px solid transparent;
    }
  }

  ul {
    li {
      a {
        padding-left: 64px;
      }
    }
  }

  li.current {
    a {
      background : #111;
      border-left: 3px solid yellow;
    }
  }
}

// 主体
.lt-main {
  margin-top: 50px;
  // height     : 1000px;

  .lt-top {
    height          : 50px;
    background-color: #3C8DBC;
    width           : 100%;
    left            : 0;
    top             : 0px;
    position        : fixed;
    transition: padding 0.8s;

    a {
      color       : #fff;
      font-size   : 20px;
      margin-top  : 10px;
      margin-left : 10px;
      margin-right: 10px;
    }
  }
  .lt-content{
    padding: 12px;
  }
}